@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";

.product-price-with-discount__price {
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--studio-gray-80);
	line-height: 1;

	.product-price-with-discount__price-old {
		text-decoration: line-through;
		font-weight: 400;
		font-size: 1rem;
		text-wrap: nowrap;
	}

	.product-price-with-discount__price-discount {
		margin-inline-start: 8px;
		font-size: 1rem;
		font-weight: 500;
		color: var(--color-link);
		text-wrap: nowrap;
	}

	@include break-xlarge {
		font-size: 1.5rem;
		font-weight: 700;
		color: var(--studio-black);
	}
}

.product-price-with-discount__price-interval {
	font-size: 0.75rem;
	font-weight: 400;
	color: var(--studio-gray-60);
	line-height: 2;
}

.product-price-with-discount__price.is-compact .product-price-with-discount__price-old {
	margin-inline-start: 8px;
}
